<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/adminjsp/taglibs.jsp"%>
<!DOCTYPE>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>人人自由任务后台管理系统</title>
		<!--引入 fontawesom-4.2.0-->
		<link rel="stylesheet" type="text/css" href="../../styles/adminCss/fontawesome-4.2.0/css/font-awesome.min.css">
		<!--引入wangEditor.css-->
		<link rel="stylesheet" type="text/css" href="../../styles/adminCss/wangEditor-1.1.0-min.css">
		<link rel="stylesheet" href="../../styles/adminCss/backstage.css">
		
		<!--引入 jquery.js-->
        <script type="text/javascript" src="../../javascript/adminJs/jquery-1.10.2.min.js"></script>
        <!--引入 wangEditor.js-->
        <script type="text/javascript" src='../../javascript/adminJs/wangEditor-1.1.0-min.js'></script>
        
        <script type="text/javascript" src="../../editors/ckeditor.js"></script>
		<script type="text/javascript" src="../../editors/_samples/sample.js"></script>
	</head>
	 
        <script type="text/javascript">
            $(function(){
                $('#spanTime').text((new Date()).toString());

                //一句话，即可把一个div 变为一个富文本框！o(∩_∩)o 
                var $editor = $('#txtDiv').wangEditor();

                //显示 html / text
                var $textarea = $('#textarea'),
                    $btnHtml = $('#btnHtml'),
                    $btnText = $('#btnText'),
                    $btnHide = $('#btnHide');
                $textarea.hide();
                $btnHtml.click(function(){
                    $textarea.show();
                    $textarea.val( $editor.html() );
                });
                $btnText.click(function(){
                    $textarea.show();
                    $textarea.val( $editor.text() );
                });
                $btnHide.click(function(){
                    $textarea.hide();
                });
            });
        </script>
	<body>
		<jsp:include page="top.jsp"></jsp:include>
		<div class="adminMain">
		<div class="adminLeft">
		<jsp:include page="left.jsp"></jsp:include>
		</div>
		<div class="adminRight">
		<div class="content clearfix">
	        <div class="main">
	            <!--右侧内容-->
	            <div class="cont">
	                <div class="title">任务列表</div>
	                <div class="details">
	                    <!--表格-->
	                    <form id="addNewTaskInfo" method="post" action="addNewTaskInfo"  ENCTYPE="multipart/form-data">
	                    <table class="table" cellspacing="0" cellpadding="0">
	                        <thead>
	                            <tr>
	                                <th width="15%">项目</th>
	                                <th width="85%">内容</th>
	                                
	                            </tr>
	                        </thead>
	                        <tbody>
	                            <tr>
	                                <!--这里的id和for里面的c1 需要循环出来-->
	                                <td>任务名称</td>
	                                <td><input class="rwtit" type="text" name="title" id="title" value="请填写任务名称" onclick='this.value=""' /><i class="xing">*</i></td>
	                            </tr>
	                            <tr>
	                                <!--这里的id和for里面的c1 需要循环出来-->
	                                <td>任务分类</td>
	                                <td>
	                                <select style="border: 1px solid #ccc;width:15%;height:30px;" id="categId" name="categId">
	                                	<option value="0"></option>
	                                	<c:forEach var="data" items="${taskCateInfoList}" varStatus="status">
										<option value="${data.cateId}">${data.cateName}</option>
										</c:forEach>
									</select>
									<i class="xing">*</i></td>
	                            </tr>
	                            <tr>
	                                <td>任务缩略图</td>
	                                <td>
	                                <input class="rwpicin" type="file" name="minPic" id="minPic" value="上传任务缩略图" onclick='this.value=""' />
	                                <i class="xing">*</i>
	                                <span class="picxz">请上传620*245像素的图</span>
	                                </td>
	                            </tr>
	                            <tr>
	                                <td>任务单数</td>
	                                <td><input class="rwdan" type="text" name="count"  id="count" value="任务单数" onclick='this.value=""' />单<i class="xing">*</i></td>
	                            </tr>
	                            <tr>
	                                <td>任务大图</td>
	                                <td><input class="rwpicin" type="file" name="maxPic" id="maxPic" value="上传任务大图" onclick='this.value=""' />
	                                <i class="xing">*</i>
									<span class="picxz">请上传1920*300像素的图</span>
									</td>
	                            </tr>
	                            <tr>
	                                <td>任务介绍</td>
	                                <td>
	                                    <div id='editorBox''>
	                                        <textarea name='content' cols='80' rows='6' class='input1' id="editor1"></textarea>
											<script type="text/javascript">CKEDITOR.replace('editor1');</script>
	                                    </div>
	                                </td>
	                            </tr>
	                            <tr>
	                                <td>任务说明</td>
	                                <td><input class="shuom" type="textarea" id="taskDesc" name="taskDesc" value="请输入内容..." onclick='this.value=""' ></td>
	                            </tr>
	                            <tr>
	                                <td></td>
	                                <td>
	                                    <div class="bui_select">
	                                        <input type="submit" value="发布任务" class="add">
	                                    </div>
	                                </td>
	                            </tr>
	                            
	                        </tbody>
	                    </table>
	                    </form>
	                </div>
	            </div>
	        </div>
	      </div>
	      </div>
	      </div>
	</body>
</html>